<div class="f-content">
  <div class="f-row" nz-row>
    <div nz-col [nzSpan]="7" class="label-txt">
      <span style="color:brown;">*</span> 证照名称
    </div>
    <div nz-col [nzSpan]="17">
      <input nz-input placeholder="请输入名称" [(ngModel)]="imageName" class="f-full" />
    </div>
  </div>
  <div class="" nz-row>
    <div nz-col [nzSpan]="7" class="label-txt">
      上传证照
    </div>
    <div nz-col [nzSpan]="17">
      <div class="clearfix">
        <nz-upload [nzAction]="uploadService.uploadAction" [nzHeaders]="uploadService.headers" nzListType="picture-card"
          [nzBeforeUpload]="beforeUpload" (nzChange)="handleChange($event)" [nzShowUploadList]="false">
          <ng-container>
            <i class="upload-icon" nz-icon [nzType]="loading ? 'loading' : 'plus'"></i>

          </ng-container>
          <div>
            <i class="iconfont "></i>
          </div>
        </nz-upload>
        <div class="box">
          <img [src]="fileList[0].url" *ngIf="this.fileList.length>0">
          <i class="iconfont icon-delete-bin-5-line" (click)="del()" *ngIf="this.fileList.length>0"></i>
        </div>


      </div>
    </div>
  </div>
</div>

<div class="floor">
  <button nz-button nzType="default" (click)="cancel()">取消</button>
  <button nz-button nzType="primary" (click)="ok()">确定</button>
</div>